<!-- 交易记录模块-->
<link rel="stylesheet" href="../static/css/module.css" />
<div class="warp group integral-warp">
	<!-- 操作栏-->
	<div class="group-top">
		<h5 class="title">基础信息</h5>
		<div class="infoList">
			<ul>
				<li>
					<i class="icon"><img src="../static/img/icon-01.png"></i>
					<span>会员:</span>
					<span>柠檬</span>
				</li>
				<li>
					<i class="icon"><img src="../static/img/icon-03.png"></i>
					<span>手机号:</span>
					<span>13668666221</span>
				</li>
				<li style="min-width: 192px">
					<i class="icon"><img src="../static/img/icon-05.png"></i>
					<span>订单号:</span>
					<span>3365547411</span>
				</li>
			</ul>
			<ul>
				<li>
					<i class="icon"><img src="../static/img/icon-02.png"></i>
					<span>支付方式:</span>
					<span>支付宝</span>
				</li>
				<li>
					<i class="icon"><img src="../static/img/icon-04.png"></i>
					<span>购买日期:</span>
					<span>2018-12-13 12:00:00</span>
				</li>
				<li style="min-width: 192px">
					<i class="icon"><img src="../static/img/icon-06.png"></i>
					<span>收银员:</span>
					<span>李瑞</span>
				</li>
			</ul>
		</div>
	</div>
	<div class="group-list">
		<div class="box-shadow">
			<h5 class="title">商品信息</h5>
			<table border="0" cellspacing="0" cellpadding="0">
				<thead>
					<th>序号</th>
					<th>商品编号</th>
					<th>购买人</th>
					<th>商品名称</th>
					<th>数量</th>
					<th>操作</th>
				</thead>
				<tbody>
					<tr>
						<td>
							<input type="checkbox" name="" style="margin-right: 10px">1</td>
						<td>0020180317</td>
						<td>卡布奇洛 350ml</td>
						<td>1</td>
						<td>¥ 200</td>
						<td><a class="layui-btn layui-btn-ms layui-btn-normal refund_btn">退货</a></td>
					</tr>
					<tr>
						<td>
							<input type="checkbox" name="" style="margin-right: 10px">1</td>
						<td>0020180317</td>
						<td>卡布奇洛 350ml</td>
						<td>1</td>
						<td>¥ 200</td>
						<td><a class="layui-btn layui-btn-ms layui-btn-normal refund_btn">退货</a></td>
					</tr>
					<tr>
						<td>
							<input type="checkbox" name="" style="margin-right: 10px">1</td>
						<td>0020180317</td>
						<td>卡布奇洛 350ml</td>
						<td>1</td>
						<td>¥ 200</td>
						<td><a class="layui-btn layui-btn-ms layui-btn-normal refund_btn">退货</a></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<!-- 商品信息汇总 -->
	<div class="shopGoodsClearing padding-big ">
		<div class="shopGoodsInfo padding-big-top">
			<p>合计：¥ <span id="realPrice">45.00</span></p>
			<p>优惠券：¥ <span id="couponPrice">5.00</span></p>
			<p>积分：¥ <span id="integralPrice">5.00</span></p>
			<p>实收：¥ <span id="payPrice" class="price payPrice">30.00</span></p>
		</div>
		<div class="shopGoodsBtn margin-big-top">
			<button class="layui-btn layui-btn-danger button  float-right margin-big-left">批量退货</button>
		</div>
	</div>
	<!-- 退货弹窗 -->
	<div class="refund-panel" id="refundPanel" style="display: none">
		<div class="group-top padding-big-top">
			
			<h5 class="title">基础信息</h5>
			<div class="infoList">
				<ul>
					<li>
						<i class="icon"><img src="../static/img/icon-01.png"></i>
						<span>会员:</span>
						<span>柠檬</span>
					</li>
					<li>
						<i class="icon"><img src="../static/img/icon-03.png"></i>
						<span>手机号:</span>
						<span>13668666221</span>
					</li>
					<li style="min-width: 192px">
						<i class="icon"><img src="../static/img/icon-05.png"></i>
						<span>订单号:</span>
						<span>3365547411</span>
					</li>
				</ul>
				<ul>
					<li>
						<i class="icon"><img src="../static/img/icon-02.png"></i>
						<span>支付方式:</span>
						<span>支付宝</span>
					</li>
					<li>
						<i class="icon"><img src="../static/img/icon-04.png"></i>
						<span>购买日期:</span>
						<span>2018-12-13 12:00:00</span>
					</li>
					<li style="min-width: 192px">
						<i class="icon"><img src="../static/img/icon-06.png"></i>
						<span>收银员:</span>
						<span>李瑞</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="group-list">
			<div class="box-shadow" style="width: 95%">
				<h5 class="title">商品信息</h5>
				<table border="0" cellspacing="0" cellpadding="0" style="width: 90%">
					<thead>
						<th>序号</th>
						<th>商品编号</th>
						<th>购买人</th>
						<th>商品名称</th>
						<th>数量</th>
						<th>小计</th>
					</thead>
					<tbody>
						<tr>
							<td>
								<input type="checkbox" name="" style="margin-right: 10px">1</td>
							<td>0020180317</td>
							<td>卡布奇洛 350ml</td>
							<td>1</td>
							<td>¥ 200</td>
							<td>¥ 200</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!-- 商品信息汇总 -->
		<div class="shopGoodsClearing padding-big ">
			<div class="shopGoodsInfo padding-big-top">
				<p>合计：¥ <span id="realPrice">45.00</span></p>
				<p>优惠券：¥ <span id="couponPrice">5.00</span></p>
				<p>积分：¥ <span id="integralPrice">5.00</span></p>
				<p>实收：¥ <span id="payPrice" class="price payPrice">30.00</span></p>
			</div>
			<div class="shopGoodsBtn margin-big-top">
				<button class="layui-btn layui-btn-danger button  float-right margin-big-left" style="font-size: 16px;">确认退货</button>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="../view/integral/swopSystem/swopSystem.js"></script>